﻿@charset "utf-8";
/* CSS Document*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
b, u, i, center
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration:none;
	background: transparent;
	display: block;
	} 
	
/* GLOBALS */

.wrapper-demo:after {
    clear: both;
    content: "";
    display: table;
}

body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}
:focus {
	outline: 0px;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
a {
	text-transform: capitalize; text-decoration:none;
	/* [disabled]color:#1fc1e5; */
}	

h1, h1 a {
	font-family: "Arabic Transparent";
	color:#a3a3a3;
	font-size:20px;
	font-weight: bold;
	text-shadow: 0 1px 0 #000;
	line-height: 22px;
}
h1 a:hover { color:#DEB66F;}
h2 { color:#C00; font-weight:lighter; margin:20px 0;}
h3 {color:#53666f;
	font-size:13px;
	text-shadow: 0 1px 0 #fff;
	margin-bottom:10px;
	}
h4 {}
h5 {}
h6 { margin-bottom:20px; font-size:20px; direction:rtl; color:#000;  font-family: "Arabic Transparent"; font-weight: bold;}
h6 a { font-size:16px; color:#000;}
.red { color:#c40606}
.clear { clear:both;}
/* CSS Document */
@font-face {
  font-family: 'Noto_Kufi_Arabic';
  font-style: bold;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Regular.ttf) format('truetype');
}
body { text-align:right; margin:0px; padding:0px; background-color:#271C0A; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/bg-brown.jpg); background-repeat:repeat-x; background-position:top; font-family: 'Noto_Kufi_Arabic';}
body.red { text-align:right; margin:0px; padding:0px; background-color:#ba0000; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/bg.gif); background-repeat:repeat-x; background-position:top; font-family: 'Noto_Kufi_Arabic';}
body.black { text-align:right; margin:0px; padding:0px; background-color:#191818; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/bg-black.gif); background-repeat:repeat-x; background-position:top; font-family: 'Noto_Kufi_Arabic';}
body.blue { text-align:right; margin:0px; padding:0px; background-color:#0a1425; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/bg2.jpg); background-repeat:repeat-x; background-position:top; font-family: 'Noto_Kufi_Arabic';}

.upper { width:960px; font-family: 'Noto_Kufi_Arabic'; margin:auto; height:50px; position:relative;}
.upper .short-links {
	float:right;
	padding:10px 0 0 0;
	display: inline-block;
	width: 220px;
}
.social { float:left;}
.social a { margin-top:10px;  height:40px; width:38px; display:block; float:left; margin-right:5px; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/icons1.png); background-repeat:no-repeat;}
.social a:hover {  margin-top:7px;}
.social a.face { background-position:0px -297px;}
.social a.twite { background-position:0px -347px;}
.social a.tub { background-position:0px -448px;}
.social a.rss { background-position:0px -397px;}
.upper .short-links a {color:#fff; padding-top:10px; font-size:12px; float:left; margin-right:15px; display:block;}
.upper .short-links a:hover {color:#DEB66F; padding-top:8px;}
.header {width:960px; margin:auto; height:184px; position:relative;}
.logo { position:absolute; right:15px; width:329px; height:151px;}
.ramdan-night { position:absolute; left:0px; width:345px; height:184px;}

.bars{
	float:left;
	left: 100px;
	position: fixed;
}
.bars a.fb{
	position:absolute;
	background-image:url('https://afdal-nas.googlecode.com/svn/afdalnas/images/fb_b.png');
	background-position:center top;
	height:50px;
	width:50px;
	left:60px;
	border-radius:3px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity:0.7;
}
.bars a.fb:hover{
	background-position:center 93px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bars a.tw{
	position:absolute;
	background-image:url('https://afdal-nas.googlecode.com/svn/afdalnas/images/tw_b.png');
	background-position:center top;
	height:50px;
	width:50px;
	left:5px;
	border-radius:3px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity:0.7;
}
.bars a.tw:hover{
	background-position:center 93px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bars a.yt{
	position:absolute;
	background-image:url('https://afdal-nas.googlecode.com/svn/afdalnas/images/yt_b.png');
	background-position:center -5px;
	height:50px;
	width:50px;
	top:4px;
	left:115px;
	border-radius:3px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity:0.7;
}
.bars a.yt:hover{
	background-position:center 93px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.bars a.gp{
	position:absolute;
	background-image:url('https://afdal-nas.googlecode.com/svn/afdalnas/images/gp_b.png');
	background-position:center -2px;
	height:50px;
	width:50px;
	left:-50px;
	border-radius:3px;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity:0.7;
}
.bars a.gp:hover{
	background-position:center 93px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.menu {
	width:960px;
	font-family: 'Noto_Kufi_Arabic';
	margin:auto;
	background-color:#000;
	background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/menu-bg.jpg);
	background-repeat: repeat-x;
	background-position:top;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative;
}
.nav {
	margin-bottom:px;
	display: inline-block;
	width:960px;
	clear:both;
	position: relative;
}
.nav ul a { display:block; list-style:none; font-size:18px; color:#fff;}
.nav ul a.home { width:32px; height:32px; display:block; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/icons.png); background-repeat:no-repeat; background-position:0px -54px; opacity:0.5; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s; }
.nav ul a:hover.home {  opacity:1; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;  }
.nav ul span.small { font-size:14px !important; color:#bababa;}
.nav ul li a:hover span.small, .nav ul li:hover a span.small, .menu ul a.select span.small, .nav li:hover ul li a:hover { font-size:14px !important; color:#DEB66F;}

.nav ul li {
	float:right;
	
	display:block;
	padding:10px 15px;
	background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/seprator.png);
	background-repeat:no-repeat;
	background-position:left; 
}
.nav ul li:hover ul li { padding:5px 9px;}
.nav ul { display:inline-block;}
.nav ul li ul  {  display:none;  position: absolute;    }
	.nav ul li:hover ul {
	display: inline-block;
	background-color:#191919;
	padding:5px;
	bottom:45px; z-index:100000;
 right:0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	width: 950px; position:absolute;
}


.nav ul li:hover ul li { background-image:none; }
	.nav ul li:hover ul li a { display:block; padding:10px 15px;  background-color:#131313; margin:5px; width:100px; text-align:center;  float:right !important;  -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-bottom:2px solid #2e2c29; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;
border-radius: 5px;}
.nav ul li:hover ul li a:hover { padding:5px 15px 15px 15px; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s; }
	.nav ul li ul li a { font-size:14px;}
.nav ul li:last-child { background-image:none;}

.newlabel {
	background-color:#c40000;
	padding:1px 2px 3px 2px; margin-top:-6px;
	font-size:12px; text-align:center;
	text-shadow: 0 1px 0 #000;
	 float:left; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	
}

.search {
	float:left;
	width:300px;
}	
input.search {
	padding:10px;
	border:0px;
	float:right;
	margin:0px;
	height:20px; font-size:12px; color:#ccc; font-family:Tahoma, Geneva, sans-serif;
	width:230px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align:right;
}

input.se-butt { display:block; float:left; background-color:#caa440; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/icons.png); background-position:5px -247px; border:none; width:50px; height:40px; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px; cursor:pointer;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}


.main-preview {
	width:920px;
	margin:20px 20px 0 20px;
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
}
.main-preview-left { float:left;}

.container {
	width:960px;
	margin:auto;
	margin-bottom:20px;
	background-color:#000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.more-slide {
	width:960px;
	margin:auto;
	margin-bottom:20px;
	background-color:#202020;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}

.content {
	width:920px;
	margin:20px;
	display: inline-block;
}
.leftside { width:300px; float:left;}
.rightside { width:600px; float:right;}
.rightside .right-cont {
	background-color:#131313;
	width:600px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	border-bottom:3px solid #2e2e2e;
}
.slideshow {
	background-color:#202020;
	width:600px;
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block; border-bottom:3px solid #2e2e2e;
}
.right-cont-second {
	background-color:#131313;
	margin-top:20px;
	width:600px;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	border-bottom:3px solid #2e2e2e;
	position: relative;
}
.right-cont h1, .right-cont-second h1 { width:580px; background-position:top; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/headbg.gif); background-repeat:repeat-x; font-size:16px; color:#bbbbbb; padding:15px 10px; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px; 
border-top-left-radius: 5px;
border-top-right-radius: 5px; font-family: 'Noto_Kufi_Arabic'; font-weight:lighter; }
	.rightside .right-cont .centeris {
	background-color:#fff;
	width:550px;
	margin:15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px 10px;
	display:inline-block;
}
.centeris .banners {
	width:550px;
	height:250px;
	margin:20px 0;
	clear:both;
	display:inline-block;
}
.centeris .banners div { width:270px; overflow:hidden; text-align:center;}
.right-cont-second .intrnal, .right-cont .internal {
	width:570px;
	margin:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	position: relative;
}
	.centeris .news-unit {
	width:550px;
	position:relative;
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	}
	.centeris .news-unit:last-child { margin-bottom:0px; border:none; padding-bottom:0px; }
	.centeris .news-unit img { float:right; width:120px; height:100px; border:1px solid #ccc; padding:5px; margin-left:10px;}
	
	.centeris .news-unit:hover img { border:1px solid #c99039;} 
	.centeris .news-unit h2 { font-weight:bold !important; font-size:20px; font-family:"Arabic Transparent"; color:#c99039; margin-bottom:10px;}
	.centeris .news-unit span.date { font-size:11px; color:#ccc; font-family:Tahoma, Geneva, sans-serif;  margin-bottom:10px;}
	.centeris .news-unit h2 a {  color:#c99039;}
	.centeris .news-unit h2 a:hover {  color:#c30000;}
	.centeris .news-unit p { font-size:12px; direction:rtl; font-family: Tahoma, Geneva, sans-serif; font-weight:  bold; line-height:18px; height:56px; overflow:hidden;}
	
	.breadcrumb {
	display:inline-block;
	background-color:#131313;
	padding:10px;
	width:580px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
}
	.breadcrumb a { color:#fff; font-size:13px; float:right; margin-left:10px;}
	.breadcrumb a:before { content:'‹    ';}
	.breadcrumb span { color:#8d8d8d; font-size:13px; float:right; margin-left:10px;}
	
	.paganation {
	width:425px;
	margin:auto;
	padding:10px;
	height:35px;
	background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/menu-bg.jpg);
	background-repeat:repeat-x;
	margin-bottom:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.paganation a { float:right; padding:10px; font-size:14px; color:#fff !important; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/headbg.gif); margin-left:10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.paganation a:last-child { margin-left:0px;}
.paganation a:hover, .paganation a.select { background-image:none; background-color:#bb9f3e;}
hr { clear:both; width:100%; border:none; border-bottom:1px solid #000; border-top:1px solid #444444; display:block; margin-top:10px;} 

.footer {
	width:100%;
	background-color:#0d0d0d;
}
.twitter-bar {
	width:100%;
	height:60px;
	background-color:#1b1b1b;
}
.twitter-bar-con {
	width:960px;
	margin:auto;
	position: relative;
	height: 60px;
}
.footer-content {
	width:960px;
	font-family: 'Noto_Kufi_Arabic';
	margin:auto;
	height:310px;
	position: relative;
}
.footer-content h1, .footer-content h2, .footer-content h3, .footer-content h4 { text-shadow: 0 1px 0 #000; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/footer-icons.png); text-align:center; margin-bottom:20px; padding-top:20px; width:230px; font-size:16px; color:#c9c9c9; font-family: 'Noto_Kufi_Arabic'; font-weight:lighter; }
.footer-content h1 { background-position:0px 5px;}
.footer-content h2 {
	background-position:0px -42px;
	margin: 0px;
}
.footer-content h3 { background-position:0px -86px; }
.footer-content h4 { background-position:0px -134px;}

ul.most li {  float:left !important; margin-right:0px; margin:0 3px; margin-bottom:5px; opacity:0.50;
	filter: alpha(opacity = 50); }
ul.most li img {
	width:67px;
	height:60px;
	
}
ul.most li:hover { opacity:1.0;}
.footer-content ul {
	margin: 0 5px;
	margin-top:30px;
	width:220px;
	line-height:24px;
	float:right;
	padding-right:10px;
	
}
.footer-content ul li a { font-size:14px; color:#fff; text-shadow: 0 1px 0 #000;}
.footer-content ul.textx li a:hover { padding-right:15px; color:#DEB66F;}
.footer-content ul.textx li a:after { content:' ■'; font-size:8px; color:#C00; }
.footer-content ul p { font-size:14px; color:#6f6f6f; text-align:justify; direction:rtl; padding:0px;}
.rights { float:right; font-size:12px; padding:25px 0 0 0; color:#c9c9c9;}
.short-links {
	float:left;
	padding:25px 0 0 0;
	display: inline-block;
	width: 200px;
}
.short-links a {color:#c9c9c9; font-size:12px; float:left; margin-right:15px; display:block;}





.latest-search {
	margin:10px 20px;
	background-color:#131313;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:40px;
	overflow: hidden;
}

.latest-news {
	color:#fff;
	font-size:14px;
}
.latest-news span {
	float:right;
	margin-left:20px;
	padding-top: 13px;
	padding-right: 10px;
}


/*News Ticker*/
#ticker {
	height: 30px;
	overflow: hidden;
	width: 500px;
	float: right;
	padding-top: 13px;

}
#ticker li {
	height: 30px; padding:0px; background-image:none; display:block; float:none; 
}

#ticker li a { font-size:12px; color:#bdbdbd;}
#ticker li a:hover { color:#debe4e;}

.banner300 {
	width:300px;
	margin-bottom: 20px;
}
.bannersmall {
	width:300px;
}












/*Slider*/
.slider { width:960px; margin:auto; }
.Slide-img { float:right; margin-left:10px;}
.Slide-img img { width:300px; height:250px;}
.slider-deatils { display:block; width:310px;}
.slider-deatils h2 { color:#fff; font-size:14px; margin-bottom:10px; font-weight:lighter; }
.slider-deatils span {
	margin-top:5px;
	color:#a4a4a4;
	font-size:12px;
	margin-bottom:20px;
	font-family:Tahoma, Geneva, sans-serif;
}
.slider-deatils ul {  padding:0px; direction:rtl; margin:0px; margin-top:20px; display:block; float: none;}
.slider-deatils ul li {   padding:10px 0px; margin:0px; background-image:none; float: none; border-top:1px solid #373735;}
.slider-deatils ul li a { line-height:16px; font-size:12px; color:#a4a4a4;}
.slider-deatils ul li a:hover { color:#debe4e;}
.slider-deatils ul li a:before { content:'▪ '; color:#bf0202;}
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }

/*
	SLIDER
*/
.panel { }
.slider-wrap								{
	width: 570px;
	text-align:right;
	
	color:#fff; position:relative;
	overflow: hidden;
	background-color:#131313;
	padding:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 340px;
	float: right;
}			
.stripViewer .panelContainer 
.panel ul									{  margin: 0; }
.stripViewer								{ position: relative; overflow: hidden; width: 570px; height: 265px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 570px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }

#movers-row									{
	margin: 0px 0 0 0px; position:absolute; left:-10px;
	clear: both; margin-left:100px;
}
#movers-row div, .firsty								{ float: left; margin:0px 5px; width:85px; height:70px;}

img.nav-thumb 						{ width:85px; height:70px; opacity:0.5; filter: alpha(opacity = 50); border-bottom:2px solid #ccc; }
img:hover.nav-thumb {opacity:1; filter: alpha(opacity = 100); border-bottom:2px solid #BF0202;}

.active-thumb img {opacity:1; filter: alpha(opacity = 100); border-bottom:2px solid #BF0202;}
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }





.banner-area { width:960px; margin: auto; height:90px; margin-bottom:20px;}
.banner-area .larga { width:728px; background-color:#870000; float:left; height:90px;}
.banner-area .smalo { width:212px; float:right; height:90px; background-color:#870000;}
.banner-area .larga.black { width:728px; background-color:#2e2c29; float:left; height:90px;}
.banner-area .smalo.black { width:212px; float:right; height:90px; background-color:#2e2c29;}


/*Tabs*/
.widget {
	width: 960px;
	margin-bottom: 15px;
	display: inline-block;
	position: relative;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	
	}
	ul.tabnav {
	clear:both;
	background-image: url(https://afdal-nas.googlecode.com/svn/afdalnas/images/menu-bg.jpg);
	height: 60px;
	background-position: top;
}
	.tabnav li {
	display: inline;
	float:right; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/seprator.png); background-repeat:no-repeat; background-position:left;
	list-style: none;
	}
	.tabnav li:last-child { background-image:none;}
	.panelall {
	background-color:#131313;
	padding:15px 5px;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px;
}
		.tabdiv ul { padding:0px;}
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #ffffff; font-size:18px;
		
		padding: 20px 15px;
		outline: none; 
		}
		.tabnav li a.highlit { }
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		
		color: #DEB66F;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	padding: 0px;
	}
	
		.tabdiv li {
	float:right;
		}

.ui-tabs-hide {
		display: none;
		}

		



.block {
	background-color:#000;
	width:215px;
	margin:0 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.block:hover{
-moz-transition: all 0.2s ease 0s;	
	/*border:2px solid #fff;*/
    /*margin: 5px;*/
	float:center;
	/*padding: 0 5px;*/
	opacity:1;
-webkit-box-shadow: 0px 5px 9px rgba(222,182,111,1);
-moz-box-shadow:    0px 5px 9px rgba(222,182,111,1);
box-shadow:         0px 5px 9px rgba(222,182,111,1);
}
.block img { width:215px; height:180px; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; margin-bottom:10px;}
.block .deatils { padding:5px; clear:both; position:relative; display:inline-block; height:95px; overflow:hidden;}
.block .deatils .catg {
	width:195px;
	margin-bottom:10px;
	padding:7px 5px;
	background-color:#252525;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.block .desc, .block .desc a { text-decoration:none; text-align:center; font-size:13px; color:#DEB66F; line-height:20px; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;}
.block .desc a:hover { color:#fff; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;}
.block span.section a { float:right; font-size:12px; color:#fff;}
.block span.section a:hover { color:#ba9f3f; }
.block span.views { float:left; font-size:11px; color:#999999;}
.block span.views:before { content:'مشاهدات';}




.action, ul.most li, ul.most li:hover, .footer-content ul.textx li a:hover, .footer-content ul.textx li a, .upper .short-links a, .upper .short-links a:hover, .social a, .social a:hover, .centeris .news-unit h2 a, .centeris .news-unit h2 a:hover, .centeris .news-unit:hover img, .centeris .news-unit img, .paganation a:hover, .paganation a, .cell .cellunit h3 a, .cell .cellunit img:hover, .cell .cellunit img, .stream a span, .stream a:hover span, .stream a img, .stream a:hover img, img:hover.nav-thumb, img.nav-thumb, h1 a:hover, h1 a, .slider-deatils ul li a:hover, .slider-deatils ul li a, #ticker li a:hover, #ticker li a  {-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;}

.hover-color, .short-links a:hover { color:#DEB66F;}

.cell {
	width:300px;
	margin-bottom:20px;
	background-color:#202020;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	border-bottom:3px solid #2e2e2e;
	position: relative;
}
.cell .inside { padding:15px;}
.cell h5 { width:280px; background-position:top; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/headbg.gif); background-repeat:repeat-x; font-size:16px; color:#bbbbbb; padding:15px 10px; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; font-family: 'Noto_Kufi_Arabic'; font-weight:lighter; }

.onsecond { width:300px; margin-bottom:20px; background-color:#4a0400; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; overflow:hidden; border-bottom:3px solid #380300;}

.onsecond h5 { width:280px; background-position:top; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/latest.gif); background-repeat:repeat-x; font-size:16px; color:#f43000; padding:15px 10px; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; font-family: 'Noto_Kufi_Arabic'; font-weight:lighter; }

.cell .cellunit {
	margin-bottom:10px;
	direction:rtl;
	padding-bottom:10px;
	display: inline-block;
	border-bottom:1px solid #373735;
	clear: both;
}

.latest-vid .cellunit a.imgv { display:block; margin-bottom:10px;  margin-left:20px !important; width:80px; height:60px; position:relative; float:right; }
.latest-vid .cellunit a.imgv .asdasd  { left:16px; bottom:14px; width:35px; height:26px; position:absolute; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/play_video.png);}
.latest-vid .cellunit a.imgv img { width:80px; height:60px; padding:5px; background-color:#414141;}
.latest-vid .cellunit a.imgv img:hover { background-color: #C00;}

.cell .cellunit img { width:80px; height:60px; padding:5px; background-color:#414141; float:right; margin-left:10px;}
.cell .cellunit img:hover { background-color: #C00;}
.cell .cellunit h3, .cell .cellunit h3 a { line-height:18px; font-size:13px; color:#bbbbbb; text-shadow:none; font-weight:lighter; text-shadow: 0 1px 0 #000; }
.cell .cellunit h3 { width:160px; float:right; height:40px; overflow:hidden; }
.cell .cellunit h3 a:hover { color:#debe4e;}
.cell .cellunit h3 a:before { content:'▪'; float:right; margin-left:5px; color:#bf0202;}
.cell .cellunit span { text-shadow: 0 1px 0 #000; margin-left:10px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#7c7c7c;}

.cell .cellunit:last-child { padding-bottom:0px; margin-bottom:0px; border-bottom:0px;}


.img-wrap{
height:180px;
overflow:hidden;
position:relative;
width:215px;
}
.img-overlay{
background-color:#000;
bottom:0;
color:#fff;
opacity:0; height:180px; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/ply.png); background-repeat:no-repeat; background-position:center;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;
transition:opacity 0.75s;
-moz-transition:opacity 0.75s;
-webkit-transition:opacity 0.75s;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.img-wrap:hover .img-overlay{
opacity:0.75;
filter: alpha(opacity = 75);
transition:opacity 0.75s;
-moz-transition:opacity 0.75s;
-webkit-transition:opacity 0.75s;
}







ul.tabify {
	clear: both;
	background-image: url(https://afdal-nas.googlecode.com/svn/afdalnas/images/headbg.gif);
	display: inline-block; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
			.tabify li { display: inline; }
			.tabify li a {
	padding: 15px 10px;
	float:right; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/seprator.png); background-position:left; background-repeat:no-repeat; 
	border-right: 0px solid #ccf;
	border-bottom: none;
	text-decoration: none;
	color: #6b6b6b;
	width: 130px;
	text-align: center;
}
.tabify li:last-child a { background-image:none;}
			.tabify li.active a {
	color: #bca03d;
}
			.tabifycontent {
	float: left;
	clear: both;
	border-top: none;
	border-left: none;
	background: #202020;
	padding: 15px;
	width: 270px;
}




	
	#moving_tab {
		/* hide overlength child elements*/
		overflow:hidden;
		
		/* all the child elements are refering to this width */
		width:300px;

		/* fix ie 6 overflow bug */
		position:relative
		
		/* styling */
		border:1px solid #ccc;	
		margin:0 auto;
	}
	
		#moving_tab .tabs {
			/* enable absolute position for .lava */
			position:relative;	
			height:30px;
			
			/* styling */
			padding-top:5px;
			cursor:default;
		}
	
		#moving_tab .tabs .item {
			/* enable z-index */
			position:relative;
			z-index:10;
		
			/* display in one row */
			float:left;
			display:block;

			/* width = half size of #moving_tab */
			width:150px;
			
			/* height = height of .tabs */
			text-align:center;
			font-size:14px;
			font-weight:700;	
		}

		#moving_tab .tabs .lava {
			/* Set it to absolute */
			position:absolute;
			top:0; left:0;
			
			/* display the lava in bottom most layer */
			z-index:0;		
				
			/* width = half size of #moving_tab */
			width:150px;

			/* height = height of .tabs */
			height:30px;
			
			/* styling */
			background:#abe3eb;

		}
		
		#moving_tab .conttt {
	/* enable absolute position for .panel */	
			position:relative;
	overflow:hidden;
		}
		
		#moving_tab .panel {
	/* width is width of #moving_tab times 2 */
			position:relative;
	width:540px;
		}
		
		#moving_tab .panel ul {
	/* display in one row */
			float:right;
	/* width is the same with #moving_tab */
			width:270px;
	/* remove all styles */
			padding:0;
	margin:0;
	list-style:none;
			

		}
			/* styling */
			#moving_tab .panel ul li {
				padding:5px 0 5px 10px;	
				border-bottom:1px dotted #fff;
			}






#data_content_show2{
	width:550px;
	float:left;
	margin-bottom: 20px;
	clear: both;
	display: inline-block;
}
#head_topic{
	width:480px;
	float:right;
}
#share_box{
	height:20px;
	background-color:#dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	float: right;
	padding: 5px;
	width: auto;
	margin-left: 10px;
}
#3nwan_cell{
	height:auto;
	margin-left: auto;
}
#news_date{
	width:65px;
	height:80px;
	background-image:url(images/calneder.png);
	background-repeat: no-repeat;
	float: left;
	background-position: top;
}
#news_date_no{
	text-align:center;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	margin-top: 3px;
	margin-bottom: 5px;
}
#news_date_month{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}
#news_date_year{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 2px;
	background-color:#000;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	height: 20px;
	padding-top: 5px;
}
#news_date_time{
	text-align:center;
	font-family: tahoma;
	font-size: 12px;
	font-weight: lighter;
	color: #325B71;
	margin-top: 5px;
}
#news_date_time{
	text-align:center;
}
.calnder {
	width:65px;
	background-color:#c40000;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #fff;
	padding-bottom: 5px;
}

.mainsicko { clear:both; width:500px; margin:auto; margin-bottom:40px;}
.mainsicko img { width:486px; padding:7px; border:1px solid #ccc;}

.m p {

	font-size:16px;
	font-weight: bold;
	line-height: 25px;
	display: block; font-family: "arabic Transparent";
}
p {

	font-size:16px;
	font-weight: bold;
	line-height: 25px;
	display: block; font-family: "arabic Transparent";
}
.centeris .mediumbanner { width:468px; height:75px; margin:auto; clear:both; margin:20px auto;}
.centeris .banner300 { width:300px; margin:20px auto; clear:both; }

.line {width:540px; height:30px; margin-bottom:10px; margin-top:10px;}

#source{
	font-family:tahoma;
	font-size:12px;
	font-weight:lighter;
	background-color:#dddddd;
	padding:10px;
	margin-right:10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	float:left;
}
#source a { color:#000;}

span.quz {
	font-size:14px;
	color:#bbbbbb;
	direction:ltr;
	line-height:22px;
	margin-bottom: 20px;
}
.result { direction:rtl; width:260px; margin-bottom:10px; color:#bbbbbb; clear:both; display:inline-block}
.result input { float:right; display:block;}
.result label { font-size:12px; float:right;}
.result span { float:left; margin-top:10px; font-size:12px;}
input.votebut { border: 1px solid #000; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/menu-bg.jpg); background-repeat:repeat-x; background-color:#000; padding:7px 15px; color:#fff; font-family: 'Noto_Kufi_Arabic'; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; margin-bottom:20px; }
	input:hover.votebut, .newsletter input:hover.votebut { color:#bca040;}


.pray {
	display: inline-block;
}
.pray .unite {
	width:48px;
	margin:3px;
	text-align:center;
	height:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	float: right;
	direction:rtl;
}
span.he{
	background-color:#000000;
	color:#4d4d4d;
	font-size:12px;
	padding:5px 2px;


	behavior: url(pie/pie.behavior: url(pie/pie.htc););
	display: block;
}
span.is{
	background-color:#131313;
	color:#4d4d4d;
	font-size:12px;
	padding:7px 2px;



	behavior: url(pie/pie.behavior: url(pie/pie.htc););
	display: block;
	text-align: center;
}
.newsletter span { direction:rtl; font-size:13px; color:#898989; line-height:22px;}
.newsletter input { background-color:#363636; padding:10px 5px; width:260px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border:none; color:#CCC; margin:10px 0; text-align:right;}
.newsletter input.votebut  { border: 1px solid #000; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/menu-bg.jpg); background-repeat:repeat-x; background-color:#000; padding:7px 15px; color:#fff; font-family: 'Noto_Kufi_Arabic'; -webkit-border-radius: 5px;
-moz-border-radius: 5px; width:auto;
border-radius: 5px; cursor:pointer; margin-bottom:20px; }

.stream  { display:inline-block; padding-bottom:0px;}
.stream a.channel { width:80px; float:right; margin:0 5px; margin-top:10px;}
.stream a.channel img { margin-bottom:5px; width:70px; padding:5px; background-color:#414141; height:55px;}
.stream a:hover.channel img { background-color: #C00;}
.stream a:hover.channel span.name { color: #debe4e;}
.stream a.channel span.name { clear:both;  text-align:center; font-size:12px; color:#b0b0b0;}
.stream .cbp-contentslider, .stream .cbp-contentslider > ul  { height:200px;}
.onsecond .cbp-contentslider, .onsecond .cbp-contentslider > ul  { height:310px;}
.a-about .cbp-contentslider, .a-about .cbp-contentslider > ul  {
	height:510px;
}



.renwal .cbp-contentslider nav {
	position: relative;
	left: 0px; height:40px; color:#fff; font-size:14px;
	z-index: 1000;
	overflow: hidden;
	top: -5px;
}

.stream .cbp-contentslider nav {
	position: absolute;
	left: 0;
	left: 0;
	height: 15px;
	z-index: 1000;
	overflow: hidden;
	top: -40px;
}

.onsecond .cbp-contentslider nav {
	position: absolute;
	left: 15px;

	height: 15px;
	z-index: 1000;
	overflow: hidden;
	top: -25px;
}
.a-about .cbp-contentslider nav {
	position: absolute;
	left: 0px;

	height: 15px;
	z-index: 1000;
	overflow: hidden;
	top: -45px;
}

.onsecond a.latest-on img { width:300px; height:250px;}
.onsecond a.latest-on span { color:#f43000; font-size:15px; clear:both; padding:20px 10px; text-align:center;}






.intrnal .block {
	background-color:#000;
	width:178px;
	float:right !important;
	margin:0 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.more-slide .block {
	background-color:#000;
	width:178px;
	
	margin:0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.intrnal .block img, .more-slide .block img{ width:178px; height:150px; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; margin-bottom:10px;}
.intrnal .block .deatils, .more-slide .block .deatils { padding:5px; clear:both; position:relative; display:inline-block; height:75px; overflow:hidden;}
.intrnal .block .deatils .catg, .more-slide .block .deatils .catg {
	width:158px;
	margin-bottom:10px;
	padding:7px 5px;
	background-color:#252525;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.intrnal .block .desc, .intrnal .block .desc a, .more-slide .block .desc, .intrnal .block .desc a { text-decoration:none; text-align:center; font-size:11px; color:#ba9f3f; line-height:22px; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;}
.intrnal .block .desc a:hover, .more-slide .block .desc a:hover { color:#C00; -webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	-khtml-transition:all 0.6s;
	transition:all 0.6s;}
.intrnal .block span.section a, .more-slide .block span.section a { float:right; font-size:9px; color:#fff;}
.intrnal .block span.section a:hover, .more-slide .block span.section a:hover { color:#ba9f3f; }
.intrnal .block span.views, .more-slide .block span.views { float:left; font-size:11px; color:#999999;}
.intrnal .block span.views:before, .more-slide .block span.views:before { content:'مشاهدات';}

.intrnal .img-wrap, .more-slide .img-wrap{
height:150px !important;
overflow:hidden;
position:relative;
width:178px;
}
.intrnal .img-overlay, .more-slide .img-overlay{
background-color:#000;
bottom:0;
color:#fff;
opacity:0; height:150px; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/ply.png); background-repeat:no-repeat; background-position:center;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;
transition:opacity 0.75s;
-moz-transition:opacity 0.75s;
-webkit-transition:opacity 0.75s;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.intrnal .img-wrap:hover .img-overlay, .more-slide .img-wrap:hover .img-overlay{
opacity:0.75;
filter: alpha(opacity = 75);
transition:opacity 0.75s;
-moz-transition:opacity 0.75s;
-webkit-transition:opacity 0.75s;
}
.pading { padding:20px 15px 15px 15px; display:inline-block;}























.blocks p {
	margin-bottom:15px;
	position:relative;
}

.btn {
	display:block;
	float:right;
	height:31px;
	line-height:31px;
	padding:0 10px;
	background:url(../gfx/bgbtn.jpg) repeat-x;
	color:#565e62;
	font-weight:bold;
	font-size:11px;
	border:1px solid #e1e0df;
	outline:none;
	margin-top: 40px;
	cursor: pointer;
}

.text,
.textarea {
padding:5px 10px;
height:27px;
border:1px solid #ddd;
color:#333;
background:url(../gfx/bginput.jpg) repeat-x bottom #fff;
position:relative;
z-index:2;
}

.text {
	width:60%;
	text-align: right;
}

.textarea {
	height:150px;
	width:350px;
	text-align: right;
}

.blocks label {
	float:right;
	width:100px; direction:rtl;
	line-height:37px;
	text-align:right;
	margin-right:15px;
	font-weight:bold;
	color:#666;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;
right:110px;
padding:5px 15px 5px 10px;
/*reset label*/
width:400px;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:257px 16px;
}

.blocks label.ok {
background-image:url(../gfx/icook.gif);
background-color:#deefca;
color:#577530;
}

.blocks label.error {
background-image:url(../gfx/icofail.gif);
background-color:#f5d6d7;
color:#c81925;
}

.area label.ok,
.area label.error {
padding-top:163px;
padding-right:0px; padding-left:25px;
background-position:7px 175px;
}

/* CSS3 */
.btn,
.text,
.textarea,
.blocks label.error,
.blocks label.ok { 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.comments { margin:15px;}
.comments textarea { width:250px; height:250px; background-color:#363636; color:#ccc; text-align: right; border:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:5px;}
.comments label { color:#ccc; margin-bottom:10px;}
.comments input { background-color:#363636; color:#ccc; text-align: right; border:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:10px; width:240px; margin-bottom:20px;}
.comments span { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#ccc;}
.comments .floatRight {
	width:260px;
	margin-bottom: 20px;
}

.commenter { padding:15px; background-color:#282828; display:inline-block; margin-top:10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
.commenter img { float:right; width:75px; height:75px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-left:10px;}
.commenter h5 { float:right; font-size:16px; margin-bottom:10px; color:#ccc; font-weight:lighter; width:420px;}
.commenter p { color:#fff; width:420px; float:right;}
.commenter span.name { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#ccc; margin-bottom:20px; }



/*

Craftyslide CSS Styles

*/

#slideshow {
	margin:0;
	padding:0;
	width:570px;
	position:relative;

}

#slideshow ul {
	position:relative;
	overflow:hidden;
	margin:0; 
	padding:0;
}

#slideshow ul li {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
	width: 570px;
}
#slideshow ul li img {
}
#pagination {
	clear:both;
	width:75px;
	margin:25px auto 0;
	padding:0;   text-indent:-10000px !important;
}

#pagination li {
	list-style:none;
	float:right;
	margin:0 2px;
}

#pagination li a {
	display:block;
	width:10px; color:transparent;
	height:10px;
	text-indent:-10000px !important;
	background:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/pagination.png);
}

#pagination li a.active {
	background-position:0 10px;
}

.caption {
	width:550px;
	margin:0;
	padding:10px;
	position:absolute;
	left:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#fff;
	border-top:1px solid #000;
	background:rgba(0,0,0,0.6);
}




/*

	This is the only semi-important stuff for plugin installation
	It's just an example, so customize away!
*/

#vertical-ticker{
	height:370px;
	overflow:hidden;
	margin:0; padding:0;
	
}

	#vertical-ticker li{
	display:block; height:85px; border-bottom:1px solid #373735; margin-bottom:10px;
	}



 .lifted {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
		
		.drop-shadow {
	position:relative;
	float:left;
	padding:1em;
	margin:2em 10px 4em;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
        
        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }













.image_carousel {
	padding: 15px 0 15px 0px; width:950px;
	position: relative; display:inline-block;
}
.image_carousel div { float:left;}

a.prev, a.next {
	background: url(https://afdal-nas.googlecode.com/svn/afdalnas/images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px; z-index:1000;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(https://afdal-nas.googlecode.com/svn/afdalnas/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}



.timer {
	position:absolute;
	left:300px;
	top:65px; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/headbg.gif);
	z-index:1500; width:250px;
	
	 padding:10px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.timer span.names { padding-top:8px; float:right; font-size:12px; color:#a68837;}
.loged {
	float:right;
	color:#fff;
	font-size:12px;
	text-align:right;
}
.loged span { float:right; direction:rtl; margin-left:10px; margin-top:20px; }
.loged a { color:#caa643; float:right; margin-top:20px; }
.loged input.logout { padding:5px 10px; margin-top:10px; margin-right:20px; background-color:#c4a342; text-align:center; color:#fff; border:0px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-family: 'Noto_Kufi_Arabic'; cursor:pointer;}







.countdownHolder{
	
	margin:0 auto; float:left;
	font: 20px/1.5 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
}
.countdownHolder span { float:left;}
.countdownHolder span.countDays { width:0px; display:none;}
div#countdown.countdownHolder > span.countDiv.countDiv0 { width:0px; display:none;}
.position{
	display: inline-block;
	height: 1.6em;
	overflow: hidden;
	position: relative;
	width:20px;
}

.digit{
	position:absolute;
	display:block;
	width:15px; font-family: 'Noto_Kufi_Arabic';
	background-color:#444;
	border-radius:0.2em;
	text-align:center;
	color:#a68837; font-weight: normal;
	letter-spacing:-1px;
}

.digit.static{
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}
.downloads table { width:500px; margin:auto; background-color:#e6e6e6 ; -webkit-border-radius: 10px;
-moz-border-radius: 10px;  font-size:14px; text-align:right;
border-radius: 10px; overflow:hidden;}
.downloads table .white {
	width:auto;
	background-color:#fff;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#666;
	border-radius: 10px;
}
.gray { background-color:#ccc; margin:5px;}
.downloads table tr { }
a.download { background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/download.png); height:79px; background-position:0px 0px; background-repeat: no-repeat; width:224px; margin:20px auto; -webkit-transition:all 0.3s; 
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-khtml-transition:all 0.3s;
	transition:all 0.3s;}
a:hover.download { background-position:0px -120px;}
/* Needed for a fluid height: 
html, body, .container, .main { height: 100%;}*/

/* main wrapper */
.cbp-contentslider {
	width: 100%;
	
	position: relative
}

.cbp-contentslider > ul {
	list-style: none;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
}

.cbp-contentslider > ul li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	
}

/* Whithout JS, we use :target */
.cbp-contentslider > ul li:target {
	z-index: 100;
}



.cbp-contentslider nav a {
	float: right;
	display: block;
	width: 20px !important;
	height: 5px;
	overflow: hidden;
	color: #47a3da; margin-right:5px;
	background: #171717;
	outline: none;
	position: relative;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}



.cbp-contentslider nav a:last-child {
	border: none;
	box-shadow: 0px 0 #ae0000; /* fills gap caused by rounding */
}

.cbp-contentslider nav a:hover {
	background-color: #ae0000;
	color: #fff;
}

.cbp-contentslider nav a.rc-active {
	background-color: #ae0000;
	color: #fff;
}





.renwal .cbp-contentslider nav a {
	float:  left;
	display: block;
	width: auto !important;
	height:  auto;
	overflow: hidden;
	color: #ccc; margin-right:5px;
	background: #131313;
	outline: none;
	padding:8px;
	font-size:12px; 
	position: relative;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}





.renwal .cbp-contentslider nav a:hover {
	background-color: #030303;
	color: #fff;
}

.renwal .cbp-contentslider nav a.rc-active {
	background-color: #030303;
	color: #fff;
}

.renwal .cbp-contentslider > ul {
	list-style: none; height:350px;
	overflow: hidden; display:inline-block;
	position: relative;
	padding: 0;
	margin: 0;
}

.renwal .cbp-contentslider > ul li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	
}
.tp
        {
	width: 200px;
	float: left;
        }

.county-reflection
{
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
}
.county
{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.county span.first
{
    padding-left: 12px;
    border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
}
.county span.last
{
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
}

.county > span
{
    display: inline-block;
    height: 48px;
    font-family: Arial;
    font-weight: bold;
    font-size: 60px;
    line-height: 72px;
    position: relative;
    overflow: hidden;
    padding-right: 12px;
}

.county-days-wrapper, .county-hours-wrapper, .county-minutes-wrapper, .county-seconds-wrapper
{
    overflow: hidden !important;
    position: relative !important;
    height: 72px !important;
    display: inline-block !important;
    padding-left: 12px;
}
.county > span > span
{
    display: block;
}
.county-label-days, .county-label-hours, .county-label-minutes, .county-label-seconds
{
    font-size: 12px !important;
    line-height: 18px !important;
    height: 18px !important;
    text-align: center !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 12px;
    background-color: transparent !important;
}

.clear
{
    clear: both;
}
/*color schemes*/
/*black*/
.county.black .county-days-wrapper, .county.black .county-hours-wrapper, .county.black .county-minutes-wrapper, .county.black .county-seconds-wrapper
{
    background: #080808;
    background: -moz-linear-gradient(top,  #080808 0%, #080808 40%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#080808), color-stop(40%,#080808), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #080808 0%,#080808 40%,#000000 100%);
    background: -o-linear-gradient(top,  #080808 0%,#080808 40%,#000000 100%);
    background: -ms-linear-gradient(top,  #080808 0%,#080808 40%,#000000 100%);
    background: linear-gradient(to bottom,  #080808 0%,#080808 40%,#000000 100%);
    color: White;
    border-top: solid 1px #494949;
    border-bottom: solid 1px #242424;
}
.county.black .county-label-days, .county.black .county-label-hours, .county.black .county-label-minutes, .county.black .county-label-seconds
{
    color: #ffffff;
}
.county.black span.separator-left
{
    border-left: solid 1px #2E2E2E;
}
.county.black span.separator-right
{
    border-right: solid 1px #121212;
}

/*red*/
.county.red
{
      
}
.county.red .county-days-wrapper, .county.red .county-hours-wrapper, .county.red .county-minutes-wrapper, .county.red .county-seconds-wrapper
{
   
    color: #e41f3a;
}
.county.red .county-label-days, .county.red .county-label-hours, .county.red .county-label-minutes, .county.red .county-label-seconds
{
    color: #e41f3a;
}
.county.red span.separator-left
{
    border-left: solid 1px #E0E0E0;
}
.county.red span.separator-right
{
    border-right: solid 1px #E0E0E0;
}

/*gray*/

.county.gray .county-days-wrapper, .county.gray .county-hours-wrapper, .county.gray .county-minutes-wrapper, .county.gray .county-seconds-wrapper
{
    color: Gray;
    background: #E0E0E0;
    background: -moz-linear-gradient(top,  #E0E0E0 0%, #E0E0E0 40%, #FAFAFA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(40%,#E0E0E0), color-stop(100%,#FAFAFA));
    background: -webkit-linear-gradient(top,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    background: -o-linear-gradient(top,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    background: -ms-linear-gradient(top,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    background: linear-gradient(to bottom,  #E0E0E0 0%,#E0E0E0 40%,#FAFAFA 100%);
    border-top: solid 1px #FAFAFA;
    border-bottom: solid 1px #FAFAFA;
}
.county.gray .county-label-days, .county.gray .county-label-hours, .county.gray .county-label-minutes, .county.gray .county-label-seconds
{
    color: Gray;
}
.county.gray span.separator-left
{
    border-left: solid 1px #FAFAFA;
}
.county.gray span.separator-right
{
    border-right: solid 1px #FAFAFA;
}

/*blue*/

.county.blue .county-days-wrapper, .county.blue .county-hours-wrapper, .county.blue .county-minutes-wrapper, .county.blue .county-seconds-wrapper
{
    color: white;
    background: #248AB2;
    background: -moz-linear-gradient(top,  #248AB2 0%, #248AB2 40%, #50BCE6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#248AB2), color-stop(40%,#248AB2), color-stop(100%,#50BCE6));
    background: -webkit-linear-gradient(top,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    background: -o-linear-gradient(top,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    background: -ms-linear-gradient(top,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    background: linear-gradient(to bottom,  #248AB2 0%,#248AB2 40%,#50BCE6 100%);
    border-top: solid 1px #50BCE6;
    border-bottom: solid 1px #50BCE6;
}
.county.blue .county-label-days, .county.blue .county-label-hours, .county.blue .county-label-minutes, .county.blue .county-label-seconds
{
    color: #FFFFFF;
}
.county.blue span.separator-left
{
    border-left: solid 1px #50BCE6;
}
.county.blue span.separator-right
{
    border-right: solid 1px #50BCE6;
}
.log { position:relative; width:200px; display:block;}

.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-west.gif);
	background-position:left center;
}
 
#topnav {
	padding:10px 25px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right; width:100px;float:right;
}
#topnav a.signin {
	
	padding:5px 0px; display:block; background-image:url(https://afdal-nas.googlecode.com/svn/afdalnas/images/headbg.gif);
	text-decoration:none;
	font-weight: normal; font-size:13px;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("http://s.twimg.com/a/1249943174/images/signin-nav-bg-ie.png") no-repeat 0 0;
	
}
#topnav a.signin:hover {
	background:#bea140;
	*background:transparent url("http://s.twimg.com/a/1249943174/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("http://s.twimg.com/a/1249943174/images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:0px; text-align:center;
}
#topnav a.menu-open {
	background:#c6a13d!important;
	color:#fff!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("http://s.twimg.com/a/1249943174/images/toggle_up_dark.png");
	color:#fff;
}

#signin_menu { 
font-family:"Arabic Transparent";

	display:none; text-align:right;
	background-color:#2e2c29;
	position:absolute; right:100px; top:44px;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	margin-left:-8px;
	*margin-left:-15px;
	margin-top:5px;
	color:#fff;
	font-size:11px; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	border:0px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:10px 5px; margin-top:5px;
	width:203px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
label.rememb { text-align:left;}
#signin_menu label {
	font-weight:bold; text-align:right;  font-size:15px; 
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0; text-align:right;
}
#signin_menu p a { text-align:right;
	color:#cba644!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#ba9f3f;
	border:0px solid #39D;
	color:#fff;
	
	padding:10px;
	font-size:11px;
	margin:0 5px 0 0;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.ie6 .tipsy {
	width:250px;
}
.signup-tip {
	line-height:18px;
	margin:30px 0;
	color:#333;
}
.signup-tip a {
	font-weight:bold;
}
}